<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题啊</title>
    <!--外部样式表-->
    <link rel="stylesheet" href="./style.css">
    <!--内部样式表-->
    <style>
        body {
            /*background-image: url("https://www.baidu.com/img/bd_logo1.png?where=super");*/
            /*background-repeat: no-repeat;*/
            /*background-size: cover;*/
        }
    </style>
<!--    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>-->
    <script src="./jquery-3.7.1.js"></script>

    <script>
        $(function () {
            $("p").hide()
            var h1 = $("#h1");
            var h2 = $(".h1");
            console.log(h1)
            console.log(h2)
            // ctrl + shift +enter
            $("#btn").click(function () {
                console.log("jquery")
                var name = $("#name").val();
                var password = $("#password").val();
                console.log(name +" "+ password)

            });
        });
        // 文档加载完成
        // window.onload = function () {
        //     var elementById = document.getElementById("h1");
        //     console.log(elementById)
        //
        //     document.getElementById("btn").onclick = function () {
        //         console.log("点击了按钮")
        //     };
        //
        //
        //
        // };
        /*弹框*/
        // alert("弹框")
        var name = "18"
        var age = 18
        var flag = true
        /*对象*/
        var obj = {
            name:'wangwu',
            age : 10,
            // eat: function () {
            //     console.log(123)
            // },
        }
        // obj.eat()

        var arr =[1,2,3]
        arr[0]
        console.log(typeof undefined)
        console.log(typeof null)
        console.log(name == age)
        console.log(name === age)
        console.log(JSON.stringify(obj))
        console.log(JSON.parse(JSON.stringify(obj)))


    </script>
</head>
<body>
<h1 id="h1" class="h1">页面</h1>
<h6 id="h6" class="h1">标题6</h6>
<p>段落</p>
<p>段落1</p>
<br/>
<!--注释 ctrl + /   ctrl +shift +/-->
<!--a标签-->
<a href="http://www.baidu.com" target="_blank">a标签</a>

<!--img-->
<!--<img src="./tu.png" alt="图片加载失败提示">-->
<!--内联样式表-->
<b style="color: beige">加粗</b>
x<sup>2</sup>

<!--table-->
<table border="1" cellspacing="0">
    <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>年龄</th>
    </tr>
    <tr>
        <td>1</td>
        <td>lisi</td>
        <td>18</td>
    </tr>
</table>

<div>
    <!--无序列表-->
    <ul>
        <li>Coffee</li>
        <li>Milk</li>
    </ul>

    <!--有序列表-->
    <ol type="a">
        <li>Coffee</li>
        <li>Milk</li>
    </ol>
</div>


<div>div1</div>
<div>div2</div>

<span>span1</span>
<span>span2</span>

<div style="text-align: center">
    <!--表单-->
    <form action="#">
        用户名：<input type="text" name="name" value="123" id="name"> <br>
        密码：<input type="password" name="password" id="password"><br>
        性别：<input type="radio" name="sex" value="man">男
        <input type="radio" name="sex" value="men">女 <br>
        爱好：<select name="aihao">
        <option value="foot">足球</option>
        <option value="ping">乒乓</option>
    </select>
        <input type="submit" value="确定">
        <button id="btn">按钮</button>


    </form>
</div>

</body>
</html>